/**
 * Created by web-01 on 2018/3/3.
 */
//模块一：界面的js效果
$(()=>{
    //移入变色
    $qrcodeTtrigger = $("#qrcode-trigger");
    $qrcodeTtrigger.hover(
        (e)=>{
            var $this = $(e.target);
            $this.css("opacity", "0.3");
        },
        (e)=>{
            var $this = $(e.target);
            $this.css("opacity", "1");
        }
    );
    //点击 "二维码" 登录隐藏，扫码出现
    $qrcodeTtrigger.click(function () {
        $(".main-1").css("display", "none");
        $(".main-2").css("display", "block");
    });
    //点击 "x" 登录出现，扫码隐藏
    $("#qrcode-close").click(function(){
        $(".main-1").css("display", "block");
        $(".main-2").css("display", "none");
    })
});

//模块二：登录
//功能:获取用户输入用户名和密码通过ajax发送
//     php并且获取返回结果，显示在网页上
//1:获取登录按钮并且绑定点击事件
$(".login_button").click(function(e){
    //阻止默认事件冒泡，把事件绑定在 btn上
    e.preventDefault();
    console.log(1);
//2:获取用户输入的用户名和密码
    var u = $("#uname").val();
    var p = $("#upwd").val();
    console.log(2);
//3：创建两个正则表达式
    var res = /^[a-zA-Z0-9.]{3,12}$/;
    if(!res.test(u)){
        alert("用户名格式不正确");  //显示错误
        return;
    }
    if(!res.test(p)){
        alert("密码格式错误");    //显示错误
        return;
    }
//4：如果验证通过发送ajax请求， login.php
    $.ajax({
        type: "POST",
        url: "data/users/login.php",
        data: {uname:u, upwd:p},    //提交数据
        success: function (data) {
            console.log(3);
            console.log(data);      //json php返回数据 js obj
            if(data.code > 0){
                alert(data.msg);
                location=document.referrer;
            }else{
                alert(data.msg);
            }
        },
        error: function(){alert("网络故障");}   //错误:请求地址url错,参数,php header php语法
    })

});







